1. 添加行内样式
// 背景颜色是红色,字体大小为24px
<div style={{backgroundColor: 'red', fontSize: 24}}></div>

2. 插值表达式中插入数组
 const arr = [1,2,3] 
 <div>
    {/* 如果渲染数组,则把数组中每一个元素,当做一个一个的子节点渲染 */}
    {arr}
 </div>

 3. 条件渲染
const flag = true
 const div = <div>
   { flag ? <p>1</p> : <p>2</p>}
 </div>

 4. 列表渲染

 const arr = [1,2,3]

 const ul = <ul>
    {arr.map((item)=>{
        return <li key={item}>{item}</li>
    })}
 </ul>

 5. 注册事件

 <div onMouseEnter={function(e){
    e.target 
    this ==> undefined 
 }}></div>
 